@charset "UTF-8";
//文本溢出处理为...
@mixin text-ellipsis ($n) {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $n;
  -webkit-box-orient: vertical;
}
//文本溢出处理为...
@mixin text-ellipsis-line () {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
//普通盒子
@mixin box($width,$height,$marginTop:0,$marginLeft:0){
  width: $width;
  height: $height;
  margin-left: $marginLeft;
  margin-top: $marginTop;
}
//absolute 盒子 垂直 水平居中
@mixin box-ab-center ($width,$height) {
position: absolute;
  left:50%;
  top:50%;
  width: $width;
  height: $height;
  margin-left: -$width/2;
  margin-top: -$height/2;
}

@mixin media($point) {
  @if $point==md {
    @media (max-width: 1200px) {
      @content;
    }
  }
  @else if $point==sm {
    @media (max-width: 991px) {
      @content;
    }
  }
  @else if $point==xs {
    @media (max-width: 768px) {
      @content;
    }
  }
}